<!DOCTYPE html>
<html lang="en">

<head>
    @@include('meta.html')
    <title>个人中心</title>
    <style>
        body.hidden {
            min-width: 1400px;
            overflow-x: auto
        }
    </style>
</head>

<body class="hidden">
    @@include('header.html')

    @@include('user-center-banner.html')
    <div class="j-userCenter-tip clearfix">
        <div class="left clearfix j-menu-title">
            <span class="left titleText">个人中心</span><img src="images/icon/next.png" alt="" class="left title-ico">
            <ul class="left clearfix classify">
                <li>安全中心</li>
                <li>登陆密码修改</li>
            </ul>
        </div>
    </div>
    <div class="j-userCenter-content">
        
        <div class="clearfix hidden">
            @@include('club-personal.html')
            <div class="y-content-r">
                
                <div class="clearfix y-location-r">
                    <span class="fl mr40">登陆密码修改</span>
                </div>
                <div class="j-userCenter-content-r">
	                <div class="j-identity-auth">
	                    <div class="clearfix j-auth-box">
					        <div class="j-auth-addr-box">
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text md-width">原登录密码：</span>
                                    <input class="fl j-auth-addr ml10" placeholder="" />
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text md-width">新登录密码：</span>
                                    <input class="fl j-auth-addr ml10" placeholder="" />
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text md-width">确认新密码：</span>
                                    <input class="fl j-auth-addr ml10" placeholder="" />
                                </div>
                                <div class="clearfix mt20">
                                    <span class="fl j-auth-text md-width">短信验证码：</span>
                                    <input class="fl j-auth-message ml10" placeholder="" />
                                    <span class="fl ml10 j-auth-message-btn pointer">点击发送</span>
                                </div>
                                <div class="j-auth-operate md-width mt20 ml10">
                                    <span class="j-btn mt10 j-primary-btn j-plain-btn j-md-btn pointer">确认修改</span>
                                </div>
                            </div>
					    </div>
				    </div>
                </div>
            </div>
        </div>
    </div>
    
    @@include('footer-js.html')
    <script type="text/javascript" src="js/laydate/laydate.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            var lis = $(".addr-options li");

            for (var i = 0; i < lis.length; i++) {
                lis[i].onclick = function(e) {
                    e.stopPropagation();
                    $(this).parents('.addr-filterList').find('.addr-select-box').val(this.getAttribute("rel"));
                    $(this).parents(".addr-options").hide();
                    $(this).parents('.addr-replace').find(".addr-current").html($(this).find('.addr-value').html());
                    getSelectVal(this);
                }
            }
            $(".addr-replace").click(function(e) {
                e.stopPropagation();
                $(this).find(".addr-options").show();
            })
            $(":not(.addr-replace)").click(function() {
                $(this).find(".addr-options").hide();
            })

            // 下单
            $('.y-orderPop-show').click(function() {
                    $('.y-order-pop').removeClass('none');
                })
            
        });
        function payOrNot(e) {
            if ($(e).is(':checked')) {
                $(e).siblings('.y-checked').removeClass('none');
                $(e).siblings('.y-check').addClass('none');
            } else {
                $(e).siblings('.y-checked').addClass('none');
                $(e).siblings('.y-check').removeClass('none');
            }
            console.log($(e).is(':checked'));
        }

        //执行一个laydate实例
        laydate.render({
          elem: '#test1'
          ,type: 'datetime'
          ,range: '-'
          ,format: 'yyyy/MM/dd'
          ,value: '2018/07/01 - 2018/12/31'
        }); 
    </script>
</body>

</html>